<template>
    <div>
       <div id="container" :style="style"></div>
    </div>
</template>
<script>
    export default{
　　　　data(){
　　　　　　return{
　　　　　　　　style:{
　　　　　　　　　　width:'100%',
　　　　　　　　　　height:'86vh'
　　　　　　　　}
　　　　　　}
　　　　},
　　　　props:{	//里面存放的也是数据，与data里面的数据不同的是，这里的数据是从其他地方得到的数据
　　　　　　height:{
　　　　　　　　type:Number,
　　　　　　　　default:500
　　　　　　},
　　　　　　longitude:{},	//定义经度
　　　　　　latitude:{}	//定义纬度
　　　　},
　　　　mounted(){
            var map = new BMap.Map('container');           // 创建Map实例 
            // 添加定位控件
            var geolocationControl = new BMap.GeolocationControl();
            var geolocation = new BMap.Geolocation();
            geolocation.getCurrentPosition(function (r) {
                map.centerAndZoom(new BMap.Point(r.point.lng,r.point.lat), 14);
                var mk = new BMap.Marker(r.point);
                map.addOverlay(mk);//标出所在地
                map.panTo(r.point);//地图中心移动
                mk.enableDragging();    //可拖拽
                var gc = new BMap.Geocoder();
                console.log(r);
                var points = new BMap.Point(r.point.lng,r.point.lat);
                if(this.getStatus() == BMAP_STATUS_SUCCESS){
                    var mk = new BMap.Marker(r.point);
                    map.addOverlay(mk);
                    map.panTo(r.point);
                    // alert('您的位置：'+r.point.lng+','+r.point.lat);
                }
                else {
                    alert('failed'+this.getStatus());
                }        
            })

            
            map.enableScrollWheelZoom(true);
            map.addControl(geolocationControl);            //启用滚轮放大缩小
　　　　}
　　}
</script>
<style lang="less" scoped>

</style>